﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>校园e网通-校园卡业务</title>
    <!-- jQuery Js -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!-- Bootstrap Styles-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!-- Morris Chart Styles-->
    <link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <!-- Custom Styles-->
    <link href="assets/css/custom-styles.css" rel="stylesheet" />
    <!-- Google Fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
    <link rel="stylesheet" href="assets/js/Lightweight-Chart/cssCharts.css"> 
    <style type="text/css">
    #msg{
    height: 4rem;
    text-align: center;
    position: fixed;
    top: 20%;
    margin-top: -1rem;
    line-height: 4rem;
    width: 100%;
    }
    #msg span{
    color: #fff;
    background: rgba(0,0,0,0.6);
    height: 4rem;
    display: inline-block;
    padding: 0 3rem;
    border-radius: 5px;
    }
    </style>
    <script type="text/javascript">
    var err=3;
    $(function(){
    	
    
    	
    	function alert(e){
            $("body").append("<div id='msg'><span>"+e+"</span></div>");
            clearmsg();
        }
        function clearmsg(){
            var t = setTimeout(function(){
                $("#msg").remove();
            },2000)
        };
        getName();
    	
    	getMenu();
    	 $("button[name='whereismymoney']").click(function(){
    	        var money = $("#howmoney").val();
    	        var rmoney=/^[0-3][0-9]{2}$|^[0-9][0-9]$|^[0-9]$/;
    	        var res = rmoney.test(money);
    	        if (res==true) {
					$.ajax({
						url:"chongzhi.action",
						type:"post",
						data:{
							money:money
						},
					success:function(data){
						location.reload();
						}
					})
				}
    	    }
    	    
    	    );
    	
    	 $("button[name='changepsd']").click(function(){
 	        var oldpsd = $("#oldpsd").val();
 	        var newpsd= $("#newpsd").val();;
					$.ajax({
						url:"changepsd.action",
						type:"post",
						data:{
							oldpsd:oldpsd,
							newpsd:newpsd
						},
					success:function(data){
						if(data=="success"){
							var time=3;
							$("#changepsdinfo").html("密码修改成功,"+time+"秒后刷新页面");
							setInterval(function(){
				                time=time-1;
				               // $("#changepsdinfo").html(" ");
				                $("#changepsdinfo").html("密码修改成功,"+time+"秒后刷新页面");
				            	if (time==0) {
				            		location.reload();
								}
							},1000);
							/* setTimeout(function(){
				                
				            },3000); */
							}else if(data=="error"){
								$("#changepsdinfo").html("原密码错误");
							}
						}
					})
 	   		 });
    	 $("button[name='beloss']").click(function(){
    		 $.ajax({
    			 url:"loss.action",
    			 typt:"post",
    			 data:{
    				 id:$("#lossid").val(),
    				 psd:$("#losspsd").val()    	
    				 },
    				 success:function(data){
    					 if (data=="success") {
    						 location.reload();
						}
    					 else{
    						 $("#lossinfo").html("用户密码错误");
    					 }
    				 }
    		 })
    	 });
    	 $("button[name='bindbankcode']").click(function(){
		 $("#bindbankcodeinfo").html(" ");
    		 var pattern = /^([1-9]{1})(\d{14}|\d{18})$/;
    	  	 var str =$("#bankid").val();
    	  	 console.log(str);
    		 if (!pattern.test(str)) {
    			 $("#bindbankcodeinfo").html("请输入正确卡号");
			}else{
				$.ajax({
	    			 url:"bindbankcode.action",
	    			 typt:"post",
	    			 data:{
	    				 bankid:$("#bankid").val(),
	    				 bankpsd:$("#bankpsd").val()
	    				 },
	    				 success:function(data){
	    					 if(data=="success"){
	 							var time=3;
	 							$("#bindbankcodeinfo").html("签约成功,"+time+"秒后刷新页面");
	 							setInterval(function(){
	 				                time=time-1;
	 				               // $("#changepsdinfo").html(" ");
	 				                $("#bindbankcodeinfo").html("签约成功,"+time+"秒后刷新页面");
	 				            	if (time==0) {
	 				            		location.reload();
	 								}
	 							},1000);
	 							}else if(data=="error"){
	 								$("#bindbankcodeinfo").html("签约失败");
	 							}else if(data=="exist"){
	 								$("#bindbankcodeinfo").html("签约失败,已经签约");
	 							}else if(data=="systerror"){
	 								$("#bindbankcodeinfo").html("签约失败,请稍后再试");
	 							}
	    				 }
	    		 })
			}
    		 
    	 });
    	 
    	 $("button[name='getbuzhu']").click(function(){
    		 $.ajax({
    			 url:"getbuzhu.action",
    			 typt:"post",
    			 success:function(data){
    				 var time=3;
						$("#getmoneyinfo").html("领取补助成功,"+time+"秒后刷新页面");
						setInterval(function(){
			                time=time-1;
			               // $("#changepsdinfo").html(" ");
			                $("#getmoneyinfo").html("领取补助成功,"+time+"秒后刷新页面");
			            	if (time==0) {
			            		location.reload();
							}
						},1000);
    				 }
    		 })
    	 });
    	 
    	 $("button[name='xiaofeimoney']").click(function(){
    		 $.ajax({
    			 url:"xiaofei.action",
    			 typt:"post",
    			 data:{
    				 money:$("#xiaofeimoney").val()
    			 },
    			 success:function(){
    				 var time=3;
						$("#xiaofeiinfo").html("操作成功,"+time+"秒后刷新页面");
						setInterval(function(){
			                time=time-1;
			               // $("#changepsdinfo").html(" ");
			                $("#xiaofeiinfo").html("操作成功,"+time+"秒后刷新页面");
			            	if (time==0) {
			            		location.reload();
							}
						},1000);
    				 }
    		 })
    		 $.ajax({
    			 url:"raise.action",
    			 typt:"post",
    			 data:{
    				 money:$("#xiaofeimoney").val()
    			 }
    			 
    		 })
    	 });
    	 alert("您好，欢迎使用");
    	 
    	 $("#showyue").click(showyue());
    	 $("#getbuzhu").click(getbuzhu());
    	 
    });
   
    function getName(){
        	
        	$.ajax({
        		url:'getname.action',
        		type: "post",
        		async: false,
        		dataType: 'json',
                success: function (data) {
                	
                	$("#PICname").val(data.sid);
                	$("#prename").attr('placeholder',data.sname);
                	$("#userName").html(data.sname);
                	$("#preid").attr('placeholder',data.sid);
                	
                }
        		
        	})
        }
        function getMenu(){
        	
        	  $.ajax({
        		type:"get",
        		url:"/ENetcom/menu/getMenuTreeByRole.action",
        		data:{
        			user:$("#PICname").val()
        		},
        		async: false,
        		contentType:"application/json;charset=utf-8",
        		dataType:'json',
        		
        		
        		success:function(data){
        	       var str = '' ;
        	       
        	       str += '<nav class="navbar-default navbar-side" role="navigation"><div class="sidebar-collapse">';
        	       str += '<ul class="nav" id="main-menu"><li id="addMenu">';
        	       str += '<a href="index.html"><i class="fa fa-home"></i> 首页</a></li>';
        	       
        	       
        			$.each(data,function(index,menuTree){
        				str += '<li><a href="#"><i class="fa fa-sitemap"></i>'+menuTree.text+'<span class="fa arrow"></span></a>' ;
        				str += '<ul class="nav nav-second-level">';
        				$.each(menuTree.children,function(index,menu){
            				str += '<li><a href="'+menu.url+'">'+menu.text+'</a></li>' ;
            			})
            			str += '</ul></li>';
        			})
        			
        	
        			
        			str += '<li><a href="analysis2.html"><i class="fa fa-bar-chart-o"></i> 统计分析</a>';
        			str += '</li></ul></div></nav>';
        			
        			$('#addMenu').html(str);

        		
        			
        		}
        	});
        }
        function byebye(){
    		$.ajax({
    			url:'byebye.action',
    			type:'post',
    			success:function(data){
    				location.reload();
    			}
    		})
    	}
       function confpsd(){
    	   
    	  $.ajax({
    		  url:'confpsd.action',
    		  type:'post',
    		  data:{
    			  psd:$("#psd").val()
    		  },
    	  success:function(data){
    		  console.log(data);
    		 if (data=="lock") {
    			 $("#confpsda").attr("data-target","#locking");
       		     var str ="<textarea readonly  rows='1' cols='70'>用户已经锁住，请到管理处解锁</textarea>";
       		     $("#lockerrortext").html(" ");
   		         $("#lockerrortext").append(str);
    		 }else  if (data=="yes") {
    			 $("#confpsda").attr("data-target","#insertmoney");
    	     }else{
    		     reduceEer();
    		     $("#confpsda").attr("data-target","#error");
    		  	 var str ="<textarea readonly  rows='1' cols='70'>输入密码有误,还可以输入"+err+"次</textarea>";
    		  	 $("#errortext").html(" ");
    		  	 $("#errortext").append(str);
    		  	 if(err==-1){
    			  location.reload();
    		  	 }
    	  	 }
    	  	 }
    	  	 })
       } 
       function reduceEer(){     
    	   if (err==0) {
    		   
			$.ajax({
				url:'lock.action',
				
			})
		}else{
			err--;
		}
       }
       function showyue(){
    	   console.log("=============");
    	   $.ajax({
    		   url:'yue.action',
    		   type:'post',
    		   success:function(data){
    			   $("#yue").val(data+".00￥");
    		   }
    	   })
       }
       function getbuzhu(){
    	   $.ajax({
    		   url:'showbuzhu.action',
    		   type:'post',
    		   success:function(data){
    			   $("#showbuzhu").val(data+".00￥");
    		   }
    	   })
       }
    </script>
</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                    <a class="navbar-brand" href="index.html"><strong>校园e网通</strong></a>
				
		<div id="sideNav" href=""><i class="fa fa-caret-right"></i></div>
            </div>

            <ul class="nav navbar-top-links navbar-right">

                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-bell fa-fw"></i>通知&nbsp; <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-alerts">
                        <li>
                            <a class="text-center" href="#">
                                <div>
                                    <i class="fa fa-tasks fa-fw"></i> 共有4条新消息

                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 新消息
                                    <span class="pull-right text-muted small">5 min 前</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 新消息
                                    <span class="pull-right text-muted small">6 min 前</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 新消息
                                    <span class="pull-right text-muted small">7 min 前</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 新消息
                                    <span class="pull-right text-muted small">8 min 前</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>查看所有消息</strong>
                                <i class="fa fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- /.dropdown-alerts -->
                </li>
                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-user fa-fw"></i>
                        <input type="hidden" id="PICname"  readonly/>
                        <span id="userName"></span>
                        <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#" data-toggle="modal" data-target="#information"><i class="fa fa-user fa-fw"></i> 个人信息</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="fa fa-gear fa-fw"></i> 个性化首页</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#" data-toggle="modal" data-target="#out"><i class="fa fa-sign-out fa-fw"></i> 安全退出</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
        </nav>
        <!--个人信息-->
        <div class="modal fade" id="information" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">姓名：</span>
                                <input id="prename" type="text" class="form-control" >
                            </div>
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">学号：</span>
                                <input id="preid" type="text" class="form-control" placeholder="张三">
                            </div>
                            <br>
                        </form>

                    </div>
                 
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
         <!--充值确认-->
        <div class="modal fade" id="insertmoneyonf" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">请输入交易密码：</span>
                                <input id="psd" type="text" class="form-control" onblur="javascript:confpsd()">
                            </div>
                            <br>
                             
                        </form>

                    </div>
                 <div class="modal-footer">
					<a id="confpsda"  data-toggle="modal"  style="text-decoration:none; color:#5D5D5D">确定</a>
						
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
           <!--充值-->
        <div class="modal fade" id="insertmoney" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">请输入0-400充值金额：</span>
                                <input id="howmoney" type="text" class="form-control" >
                            </div>
                            <br>
                             
                        </form>

                    </div>
                 <div class="modal-footer">
、
						<button type="button" class="btn btn-primary" name="whereismymoney">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
          <!--自助挂失-->
        <div class="modal fade" id="beloss" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">账号：</span>
                                <input id="lossid" type="text" class="form-control" >
                            </div>
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">密码：</span>
                                <input id="losspsd" type="text" class="form-control" >
                            </div>
                            <br>
                        </form>

                    </div>
                 <div class="modal-footer">
					<span id="lossinfo"></span>
						<button type="button" class="btn btn-primary" name="beloss">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
     <!--余额查询-->
        <div class="modal fade" id="searchmoney" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                           
                             <div class="input-group">
                                <span class="input-group-addon">余额：</span>
                                <input id="yue" type="text" class="form-control" >
                            </div>
                            <br>
                        </form>

                    </div>
                 <div class="modal-footer">
、
						<button type="button" class="btn btn-primary">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
            <!--密码修改-->
        <div class="modal fade" id="changepsd" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">请输入原密码：</span>
                                <input id="oldpsd" type="text" class="form-control" >
                            </div>
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">请输入新密码：</span>
                                <input id="newpsd" type="text" class="form-control" >
                            </div>
                            <br>
                        </form>

                    </div>
                 <div class="modal-footer">
						<span id="changepsdinfo"></span>
						<button type="button" class="btn btn-primary" name="changepsd">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
          <!--签约-->
        <div class="modal fade" id="sign" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">银行卡号：</span>
                                <input id="bankid" type="text" class="form-control" >
                            </div>
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">密码：</span>
                                <input id="bankpsd" type="text" class="form-control" >
                            </div>
                            <br>
                        </form>

                    </div>
                 <div class="modal-footer">
						<span id ="bindbankcodeinfo"> </span>
						<button type="button" class="btn btn-primary" name="bindbankcode">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
         <!--领取补助-->
        <div class="modal fade" id="getmoney" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">未领取补助金：</span>
                                <input id="showbuzhu" type="text" class="form-control" >
                            </div>
                            <br>
                             
                        </form>

                    </div>
                 <div class="modal-footer">
					<span id="getmoneyinfo"></span>
						<button type="button" class="btn btn-primary" name="getbuzhu">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
       
         <!--消费-->
        <div class="modal fade" id="xiaofeiyewu" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            
                             <div class="input-group">
                                <span class="input-group-addon">金额：</span>
                                <input id="xiaofeimoney" type="text" class="form-control">
                            </div>
                            <br>
                        </form>

                    </div>
                 <div class="modal-footer">
					<span id="xiaofeiinfo"></span>
						<button type="button" class="btn btn-primary" name="xiaofeimoney">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
         <!--签约查询-->
        <div class="modal fade" id="searchsign" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center">

                        <form class="bs-example bs-example-form" role="form">
                            <div class="input-group">
                                <span class="input-group-addon">姓名：</span>
                                <input id="prename" type="text" class="form-control" >
                            </div>
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">学号：</span>
                                <input id="preid" type="text" class="form-control" placeholder="张三">
                            </div>
                            <br>
                        </form>

                    </div>
                 <div class="modal-footer">
、
						<button type="button" class="btn btn-primary" name="save">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
       <!--安全退出-->
        <div class="modal fade" id="out" tabindex="-1" role="dialog" aria-labelledby="outLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="outLabel">
                            确定要退出吗？
                        </h4>
                    </div>
                    <div class="modal-body">
                        &nbsp;
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" onclick="byebye()">
                            安全退出
                        </button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
           <!--错误-->
        <div class="modal fade" id="error" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center" id="errortext">
                               

                    </div>
                 <div class="modal-footer">
、
						<button type="button" class="btn btn-primary" id="closes">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
           <!--lossing-->
        <div class="modal fade" id="locking" tabindex="-1" role="dialog" aria-labelledby="informationLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                     
                    </div>
                    <div class="modal-body text-center" id="lockerrortext">
                               

                    </div>
                 <div class="modal-footer">
、
						<button type="button" class="btn btn-primary" id="closes">
							确定</button>
					</div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
         <!--/. NAV TOP  -->
       <div id="addMenu"></div>
        <!-- /. NAV SIDE  -->
      <div id="page-wrapper">
		  <div class="header"> 
                        <h1 class="page-header">
                            校园e网通 <small>欢迎进入校园e网通</small>
                        </h1>
						<ol class="breadcrumb">
					  <li><a href="#">校园e网通</a></li>
					  <li class="active">校园卡业务</li>
					</ol> 
									
		</div>
            <div id="page-inner">
			
		
                <div class="row">
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="panel panel-primary text-center no-boder blue">
                            <div class="panel-left pull-left blue" >
                                <i class="fa fa-eye fa-5x"></i>
                                
                            </div>
                            <div class="panel-right">
								<h3><a href="#" data-toggle="modal" data-target="#insertmoneyonf" style="text-decoration:none; color:#5D5D5D">充&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;值</a></h3>
                               <strong><span id="clueCount"></span></strong>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="panel panel-primary text-center no-boder blue">
                              <div class="panel-left pull-left blue">
                                <i class="fa fa-user fa-5x"></i>
								</div>
                                <br>
                            <div class="panel-right">
							<h3><a href="#" data-toggle="modal" data-target="#beloss" style="text-decoration:none; color:#5D5D5D">自助挂失</a></h3>
                               <strong><span id="customerCount"></span></strong>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="panel panel-primary text-center no-boder blue">
                            <div class="panel-left pull-left blue">
                                <i class="fa fa-cloud fa-5x"></i>
                               
                            </div><br>
                            <div class="panel-right">
							 <h3><a href="#" id="showyue" data-toggle="modal" data-target="#searchmoney" style="text-decoration:none; color:#5D5D5D">余额查询</a></h3>
                               <strong><span id="chanceCount"></span></strong>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="panel panel-primary text-center no-boder blue">
                            <div class="panel-left pull-left blue">
                                <i class="glyphicon glyphicon-pencil fa-5x"></i>
                                
                            </div><br>
                            <div class="panel-right">
							<h3><a href="#" data-toggle="modal" data-target="#changepsd" style="text-decoration:none; color:#5D5D5D">密码修改</a></h3>
                             <strong><span id="contractCount"></span></strong>

                            </div>
                        </div>
                    </div>
                </div>
		    <div class="row">
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="panel panel-primary text-center no-boder blue">
                            <div class="panel-left pull-left blue" >
                                <i class="	glyphicon glyphicon-usd fa-5x"></i>
                                
                            </div>
                            <div class="panel-right">
								<h3><a href="#" data-toggle="modal" data-target="#sign" style="text-decoration:none; color:#5D5D5D">签&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;约</a></h3>
                               <strong><span id="clueCount"></span></strong>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="panel panel-primary text-center no-boder blue">
                              <div class="panel-left pull-left blue">
                                <i class="	glyphicon glyphicon-phone fa-5x"></i>
								</div>
                                <br>
                            <div class="panel-right">
							<h3><a href="#" id="getbuzhu"data-toggle="modal" data-target="#getmoney" style="text-decoration:none; color:#5D5D5D">补助领取</a></h3>
                               <strong><span id="customerCount"></span></strong>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="panel panel-primary text-center no-boder blue">
                            <div class="panel-left pull-left blue">
                                <i class="glyphicon glyphicon-wrench fa-5x"></i>
                               
                            </div><br>
                            <div class="panel-right">
							 <h3><a href="#" data-toggle="modal" data-target="#xiaofeiyewu" style="text-decoration:none; color:#5D5D5D">消费业务</a></h3>
                               <strong><span id="chanceCount"></span></strong>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12 col-xs-12">
                        <div class="panel panel-primary text-center no-boder blue">
                            <div class="panel-left pull-left blue">
                                <i class="	glyphicon glyphicon-info-sign fa-5x"></i>
                                
                            </div><br>
                            <div class="panel-right">
							<h3><a href="#" id="xiaofei" data-toggle="modal" data-target="#insertmoney" style="text-decoration:none; color:#5D5D5D">签约查询</a></h3>
                             <strong><span id="contractCount"></span></strong>

                            </div>
                        </div>
                    </div>
                </div>
				<footer>

                    <br/><br/><br/>

                    <p style="text-align: center">Copyright &copy; 2018.资鹏毕业设计All rights reserved.</p>


				</footer>
            </div>
            <!-- /. PAGE INNER  -->
        </div>
        <!-- /. PAGE WRAPPER  -->
    </div>
    <!-- /. WRAPPER  -->
    <!-- JS Scripts-->
    
    <!-- Bootstrap Js -->
    <script src="assets/js/bootstrap.min.js"></script>
	 
    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>
    <!-- Morris Chart Js -->
    <script src="assets/js/morris/raphael-2.1.0.min.js"></script>
    <script src="assets/js/morris/morris.js"></script>
	
	
	<script src="assets/js/easypiechart.js"></script>
	<script src="assets/js/easypiechart-data.js"></script>
	
	 <script src="assets/js/Lightweight-Chart/jquery.chart.js"></script>
	
    <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script>

</body>

</html>